const { addDynamicIconSelectors } = require('@iconify/tailwind')
module.exports = {
    important: true,
    content: [
        './index.html',
        './src/**/*.{vue,js,ts,jsx,tsx}' // 必须包含 .vue 文件！
    ],
    theme: {
        extend: {
            colors: {
                primary: '#0f40f5', // 调色板（如 bg-primary、text-primary）
                primarylight: '#68a5ff',
                primarylight2: '#2A65FD',
                container: '#f8fafc',
                danger: '#dc2625',
                success: '#52c41a',
                warning: '#faad14',
                info: '#909399',
                activedeep: '#1e293b',
                lanlv: '#267789',
                regular: 'rgba(0, 0, 0, 0.88)',
                color333: '#333333',
                bggray: '#eff1f4',
                btncolor: '#547bc6',
                titlebg: '#7fb2f1',
                bordergray: '#979797',
                bordergraylight: 'rgba(215,215,215,0.42)',
                cardheader: '#ecf8fe',
                textblue: '#037eb4'
            },
            fontFamily: {
                sans: ['Graphik', 'sans-serif'], // font-sans
                serif: ['Merriweather', 'serif']
            },
            borderRadius: {
                '4xl': '2rem' // rounded-4xl  圆角尺寸
            },
            spacing: {
                '1px': '1px' // 添加 1px 的间距
            }
        }
    },
    plugins: [addDynamicIconSelectors()]
}
